<%@page import="Clases.Usuario"%>
<%@page import="Clases.Datos"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>

<head>
  <title>ConfecciónArte</title>
  <meta name="description" content="website description" />
  <meta name="keywords" content="website keywords, website keywords" />
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <!-- stylesheets -->
  <link href="css/style.css" rel="stylesheet" type="text/css" />
  <link href="css/colour.css" rel="stylesheet" type="text/css" />
  <!-- modernizr enables HTML5 elements and feature detects -->
  <script type="text/javascript" src="js/modernizr-1.5.min.js"></script>
</head>

<body>
  <% if (session.getAttribute("sessionUser")!=null){%>
    
  <div id="main">
    <header>
      <div id="logo"><h1>Confeccion<a href="#">Arte <span style="float:right;"><%=session.getAttribute("sessionUser")%></span></a></h1></div>
      <nav>
        <ul class="sf-menu" id="nav">
          <li class="selected"><a href="MenuJefeSeccion.jsp">Inicio</a></li>
         
          <li><a>Maestros</a>
           <ul><a href="materiasprimas1.jsp">Materias primas</a >
            <a href="ordenproduccion.jsp">Órdenes de Producción</a></ul>
          </li>
          <li><a href="#">Transaccionales</a>
            <ul>
              <li><a>Detalle  Órdenes de Producción</a></li>
             </ul>
          </li>
          
          <li><a>Informes</a></li>
          
          <li><a>Herramientas</a> 
            <ul>
              <li><a>Copia de seguridad</a></li>
              <li><a>Restauración</a></li>
              <li><a href="Usuarios.jsp">Usuarios</a></li>
            </ul></li>
          <li><a>Ayuda</a>
             <ul>
                 <li><a>Ayuda</a></li>
              <li><a>Acerca de...</a></li>
            </ul>
         </li>
          
          <li><a>Cuenta</a>
            <ul>
              <li><a href="index.jsp">Salir</a></li>
            </ul>
          </li>
		 
		 </ul>
      
	  </nav>
    </header>
    <!-- end header -->

    <!-- begin content -->
    <div id="site_content">
      <div id="left_content">
        <h1>Materias Primas</h1>
        <p></p>
        <div id="boton1">
        <a href="MateriasPrimas2.jsp" >Materias Primas</a>
        </div>
	
        <p></p> 
        <div id="boton2">
        <a href="albummaterias.jsp" >Álbum</a>
        </div>
      
      </div>
      <div id="right_content">
        <img style="float: left;" src="images/about.jpg" title="about me" alt="about me"/>
      </div>
    </div>
    <!-- end content -->

    <!-- begin footer -->
    <footer>
       <p>Ver página para clientes <a href="wwww.google.com"> aquí</a>.</p>
      <p><img src="images/twitter.png" alt="twitter" />&nbsp;<img src="images/facebook.png" alt="facebook" />&nbsp;<img src="images/rss.png" alt="rss" /></p>
    </footer>
    <!-- end footer -->

  </div>
  <!-- javascript at the bottom for fast page loading -->
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/jquery.easing-sooper.js"></script>
  <script type="text/javascript" src="js/jquery.sooperfish.js"></script>
  <!-- initialise sooperfish menu -->
  <script type="text/javascript">
    $(document).ready(function() {
      $('ul.sf-menu').sooperfish();
    });
  </script>
<%}else{%>
<center><h1>No se ha iniciado sesion</h1></center>
 <%}%>

</body>
</html>